<nav class="navbar navbar-default">
	<div class="container">

		<div class="navbar-header">
			<a class="navbar-brand">欢迎使用图书管理系统</a>
		</div>

		<div class="collapse navbar-collapse">

			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">

					<a class="dropdown-toggle" data-toggle="dropdown">
						<span class="glyphicon glyphicon-user"></span> 欢迎您 Admin
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu dropdown-menu-right">
						<li>
							<a href="/login">我的订阅</a>
						</li>

						<li>
							<a href="/login">退出登录</a>
						</li>

					</ul>
				</li>
			</ul>

		</div>

	</div>

</nav>

<div class="container">
	<div class="row">
		<div class="col-sm-2 col-md-2">
			<div class="btn-group-vertical">
				<a 					
					id="book" 
					class="btn btn-default" 
					routerLinkActive="active" 
					[routerLinkActiveOptions]="{ exact: true }"
					routerLink="/dashboard/bookmanagement">
					图书管理<span class="glyphicon glyphicon-menu-right book-arrow-right"></span>
				</a>
				<a 					
					id="details" 
					class="btn btn-default" 
					routerLinkActive="active" 
					[routerLinkActiveOptions]="{ exact: true }"
					routerLink="/dashboard/details">
					借阅详情<span class="glyphicon glyphicon-menu-right book-arrow-right"></span>
				</a>
				<a 					
					id="management" 
					class="btn btn-default" 
					routerLinkActive="active" 
					[routerLinkActiveOptions]="{ exact: true }"
					routerLink="/dashboard/admin">
					管理员管理<span class="glyphicon glyphicon-menu-right book-arrow-right"></span>
				</a>
				<a 					
					id="students" 
					class="btn btn-default" 
					routerLinkActive="active" 
					[routerLinkActiveOptions]="{ exact: true }"
					routerLink="/dashboard/stu" >
					学生管理<span class="glyphicon glyphicon-menu-right book-arrow-right"></span>
				</a>
			</div>

		</div>
		<div class="col-sm-10 col-md-10">
		
			<router-outlet></router-outlet>
		
		</div>
	</div>
</div>